<!DOCTYPE html>
<html>
<head><meta name="generator" content="Hexo 3.8.0">
  <meta charset="utf-8">
  <title>tkinter简单实用 | JiaHan&#39;s Notes</title>
  <meta name="keywords" content>
  <meta name="description" content="tkinter简单实用 | JiaHan&#39;s Notes">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="名称xdotool  - 命令行X11自动化工具 描述xdotool允许您以编程方式（或手动）模拟键盘输入和鼠标活动，移动和调整窗口大小等。它使用X11的XTEST扩展和其他Xlib函数来完成此操作。">
<meta name="keywords" content="Linux,xdotool">
<meta property="og:type" content="article">
<meta property="og:title" content="Linux下按键精灵xdotool">
<meta property="og:url" content="https://jia_han.gitee.io/2019/03/21/xdotool/index.html">
<meta property="og:site_name" content="JiaHan&#39;s Notes">
<meta property="og:description" content="名称xdotool  - 命令行X11自动化工具 描述xdotool允许您以编程方式（或手动）模拟键盘输入和鼠标活动，移动和调整窗口大小等。它使用X11的XTEST扩展和其他Xlib函数来完成此操作。">
<meta property="og:locale" content="zh-Hans">
<meta property="og:updated_time" content="2019-11-12T02:21:04.809Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Linux下按键精灵xdotool">
<meta name="twitter:description" content="名称xdotool  - 命令行X11自动化工具 描述xdotool允许您以编程方式（或手动）模拟键盘输入和鼠标活动，移动和调整窗口大小等。它使用X11的XTEST扩展和其他Xlib函数来完成此操作。">


<link rel="icon" href="/img/avatar.png">

<link href="/css/style.css?v=1.0.1" rel="stylesheet">

<link href="/css/hl_theme/atom-light.css?v=1.0.1" rel="stylesheet">

<link href="//cdn.bootcss.com/animate.css/3.5.2/animate.min.css" rel="stylesheet">
<link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="/js/jquery.autocomplete.min.js?v=1.0.1"></script>

<script src="//cdn.bootcss.com/highlight.js/9.12.0/highlight.min.js"></script>
<script>
    hljs.initHighlightingOnLoad();
</script>

<script src="//cdn.bootcss.com/nprogress/0.2.0/nprogress.min.js"></script>



<script src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

<script src="/js/iconfont.js?v=1.0.1"></script>

</head>
<div style="display: none">
  <input class="theme_disqus_on" value="false">
  <input class="theme_preload_comment" value="false">
  <input class="theme_blog_path" value>
</div>

<body>
<aside class="nav">
    <div class="nav-left">
        <a href="/" class="avatar_target">
    <img class="avatar" src="/img/avatar.png">
</a>
<div class="author">
    <span>Jia Han</span>
</div>

<div class="icon">
    
        
        <a title="github" href="https://github.com/jia_han" target="_blank">
            
                <svg class="iconfont-svg" aria-hidden="true">
                    <use xlink:href="#icon-github"/>
                </svg>
            
        </a>
        
    
        
    
        
    
        
    
        
    
        
        <a title="weibo" href="https://weibo.com/u/6200025046" target="_blank">
            
                <svg class="iconfont-svg" aria-hidden="true">
                    <use xlink:href="#icon-weibo"/>
                </svg>
            
        </a>
        
    
        
    
        
    
        
    
        
        <a title="oschina" href="https://my.oschina.net/u/3252136" target="_blank">
            
                <svg class="iconfont-svg" aria-hidden="true">
                    <use xlink:href="#icon-oschina"/>
                </svg>
            
        </a>
        
    
        
    
        
        <a title="email" href="mailto:jh_jiahan@163.com" target="_blank">
            
                <svg class="iconfont-svg" aria-hidden="true">
                    <use xlink:href="#icon-email"/>
                </svg>
            
        </a>
        
    
        
        <a title="qq" href="http://wpa.qq.com/msgrd?v=3&uin=2554151483&site=qq&menu=yes" target="_blank">
            
                <svg class="iconfont-svg" aria-hidden="true">
                    <use xlink:href="#icon-qq"/>
                </svg>
            
        </a>
        
    
        
        <a title="neteasemusic" href="https://music.163.com/" target="_blank">
            
                <svg class="iconfont-svg" aria-hidden="true">
                    <use xlink:href="#icon-neteasemusic"/>
                </svg>
            
        </a>
        
    
</div>




<ul>
    <li><div class="all active">全部文章<small>(3)</small></div></li>
    
        
            
            <li><div data-rel="开发"><i class="fold iconfont icon-right"></i>开发<small>(0)</small></div>
                
                    <ul class="sub hide">
                        
                        <li><div data-rel="测试"><i class="fold iconfont icon-right"></i>测试<small>(0)</small></div>
                            
                                <ul class="sub hide">
                                    
                                    <li><div data-rel="系统">系统<small>(0)</small></div>
                                    </li>
                                    
                                </ul>
                            
                        </li>
                            
                    </ul>
                
            </li>
            
        
    
        
            
        
    
        
            
        
    
        
            
            <li><div data-rel="系统">系统<small>(2)</small></div>
                
            </li>
            
        
    
        
            
            <li><div data-rel="Python">Python<small>(1)</small></div>
                
            </li>
            
        
    
</ul>
<div class="left-bottom">
    <div class="menus">
    
    
    
    
    </div>
    <div><a class="about  hasFriend  site_url" href="/about">关于</a><a style="width: 50%" class="friends">友链</a></div>
</div>
<input type="hidden" id="yelog_site_posts_number" value="3">

<div style="display: none">
    <span id="busuanzi_value_site_uv"></span>
    <span id="busuanzi_value_site_pv"></span>
</div>

    </div>
    <div class="nav-right">
        <div class="friends-area">
    <div class="friends-title">
        友情链接
        <i class="back-title-list"></i>
    </div>
    <div class="friends-content">
        <ul>
            
            <li><a target="_blank" href="http://yelog.org/">叶落阁</a></li>
            
        </ul>
    </div>
</div>
        <div class="title-list">
    <form onkeydown="if(event.keyCode==13){return false;}">
        <input class="search" type="text" placeholder="Search..." autocomplete="off" id="local-search-input">
        <i class="cross"></i>
        <span>
            <label for="tagswitch">Tags:</label>
            <input id="tagswitch" type="checkbox" style="display: none">
            <i id="tagsWitchIcon"></i>
        </span>
    </form>
    <div class="tags-list">
    
    <li class="article-tag-list-item">
        <a href="javascript:" class="color1">Linux</a>
    </li>
    
    <li class="article-tag-list-item">
        <a href="javascript:" class="color3">xdotool</a>
    </li>
    
    <div class="clearfix"></div>
</div>

    
    <nav id="title-list-nav">
        
        <a class="Python " href="/jia_han/2019/03/21/tkinter/" data-tag data-author>
            <span class="post-title" title="tkinter简单实用">tkinter简单实用</span>
            <span class="post-date" title="2019-03-21 16:57:46">2019/03/21</span>
        </a>
        
        <a class="系统 " href="/jia_han/2019/03/21/ssh/" data-tag data-author>
            <span class="post-title" title="SSH连接交换机慢">SSH连接交换机慢</span>
            <span class="post-date" title="2019-03-21 16:57:46">2019/03/21</span>
        </a>
        
        <a class="系统 " href="/jia_han/2019/03/21/xdotool/" data-tag="Linux,xdotool" data-author>
            <span class="post-title" title="Linux下按键精灵xdotool">Linux下按键精灵xdotool</span>
            <span class="post-date" title="2019-03-21 16:57:46">2019/03/21</span>
        </a>
        
    </nav>
</div>
    </div>
    <div class="hide-list">
        <div class="semicircle">
            <div class="brackets first"><</div>
            <div class="brackets">&gt;</div>
        </div>
    </div>
</aside>
<div class="post">
    <div class="pjax">
        <article id="post-tkinter" class="article article-type-post" itemscope itemprop="blogPost">
    
        <h1 class="article-title">tkinter简单实用</h1>
    
    <div class="article-meta">
        
        
        
        <span class="book">
            
                <a href="javascript:" data-rel="Python">Python</a>
            
        </span>
        
        
    </div>
    <div class="article-meta">
        
        创建时间:<time class="date" title="更新时间: 2019-11-12 10:18:06">2019-03-21 16:57</time>
        
    </div>
    <div class="article-meta">
        
        
        <span id="busuanzi_container_page_pv">
            阅读:<span id="busuanzi_value_page_pv">
                <span class="count-comment">
                    <span class="spinner">
                      <div class="cube1"></div>
                      <div class="cube2"></div>
                    </span>
                </span>
            </span>
        </span>
        
        
    </div>
    
    <div class="toc-ref">
    
        <ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#窗口主题框架"><span class="toc-text">窗口主题框架</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#让程序运行起来"><span class="toc-text">让程序运行起来</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#标签（Label"><span class="toc-text">标签（Label)</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#按钮-Button"><span class="toc-text">按钮(Button)</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#输入框-Entry"><span class="toc-text">输入框(Entry)</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#列表框-ListBox"><span class="toc-text">列表框(ListBox)</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#弹窗（messagebox"><span class="toc-text">弹窗（messagebox)</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#单选框（Radiobutton）"><span class="toc-text">单选框（Radiobutton）</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#放置位置（grid）"><span class="toc-text">放置位置（grid）</span></a></li></ol>
    
<style>
    .left-col .switch-btn,
    .left-col .switch-area {
        display: none;
    }
    .toc-level-3 i,
    .toc-level-3 ol {
        display: none !important;
    }
</style>
</div>
    
    <div class="article-entry" itemprop="articleBody">
      
        <h2 id="窗口主题框架"><a href="#窗口主题框架" class="headerlink" title="窗口主题框架"></a>窗口主题框架</h2><h3 id="让程序运行起来"><a href="#让程序运行起来" class="headerlink" title="让程序运行起来"></a>让程序运行起来</h3><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">import</span> tkinter</span><br><span class="line">top = tkinter.Tk()   <span class="comment">#主窗口</span></span><br><span class="line"></span><br><span class="line"><span class="comment">#设置主窗口标题</span></span><br><span class="line">top.title(<span class="string">"主窗口"</span>)</span><br><span class="line"></span><br><span class="line"><span class="comment">#设置主窗口尺寸</span></span><br><span class="line"><span class="comment">#宽200，高100，左上角在屏幕坐标(50,60)</span></span><br><span class="line">top.geometry(<span class="string">'200x100+50+60'</span>)</span><br><span class="line"></span><br><span class="line"><span class="comment">#显示窗口</span></span><br><span class="line">top.mainloop()</span><br></pre></td></tr></table></figure>
<a id="more"></a>
<h2 id="标签（Label"><a href="#标签（Label" class="headerlink" title="标签（Label)"></a>标签（Label)</h2><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">label = Label(top,text=<span class="string">"标签"</span>)  <span class="comment"># text 标签文字</span></span><br><span class="line"><span class="comment">#支持样式 bg 背景色  fg字体颜色 等等</span></span><br></pre></td></tr></table></figure>
<h2 id="按钮-Button"><a href="#按钮-Button" class="headerlink" title="按钮(Button)"></a>按钮(Button)</h2><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">button = Button(top,text=<span class="string">"按钮"</span>) <span class="comment"># text 按钮文字</span></span><br><span class="line">button = Button(top,command=function) <span class="comment"># 点击事件，要执行的方法，不支持传参</span></span><br><span class="line">button = Button(top,command=<span class="keyword">lambda</span>:function(args) <span class="comment"># 可以通过使用lambda进行参数传递</span></span><br></pre></td></tr></table></figure>
<h2 id="输入框-Entry"><a href="#输入框-Entry" class="headerlink" title="输入框(Entry)"></a>输入框(Entry)</h2><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">#设置默认值</span></span><br><span class="line">default_text = tkinter.StringVar()</span><br><span class="line">entry = Entry(top,textvariable=default_text)</span><br><span class="line">default_text.set(<span class="string">"默认值"</span>)</span><br><span class="line"><span class="comment">#获取文本框的值</span></span><br><span class="line">default_text.get()</span><br></pre></td></tr></table></figure>
<h2 id="列表框-ListBox"><a href="#列表框-ListBox" class="headerlink" title="列表框(ListBox)"></a>列表框(ListBox)</h2><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">#设置列表框的宽和高</span></span><br><span class="line">listbox = ListBox(top,height=<span class="number">14</span>,width=<span class="number">80</span>)</span><br><span class="line"></span><br><span class="line"><span class="comment">#列表框插入值,0:在开头插入，END:在结尾插入</span></span><br><span class="line">listbox.insert(<span class="number">0</span>,<span class="string">"value"</span>)</span><br><span class="line">listbox.insert(END,<span class="string">"value"</span>)</span><br><span class="line"></span><br><span class="line"><span class="comment">#删除选中值</span></span><br><span class="line">listbox.delete(listbox.curselection())</span><br><span class="line"></span><br><span class="line"><span class="comment">#通过索引删除列表项,删除全部项</span></span><br><span class="line">listbox.delete(<span class="number">0</span>,END)</span><br><span class="line"></span><br><span class="line"><span class="comment">#获取listbox所有项的值，会存为一个list</span></span><br><span class="line">listbox.get(<span class="number">0</span>,END)</span><br></pre></td></tr></table></figure>
<h2 id="弹窗（messagebox"><a href="#弹窗（messagebox" class="headerlink" title="弹窗（messagebox)"></a>弹窗（messagebox)</h2><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">messagebox.showinfo(title=<span class="string">"标题"</span>，message=<span class="string">"warning"</span>)</span><br></pre></td></tr></table></figure>
<h2 id="单选框（Radiobutton）"><a href="#单选框（Radiobutton）" class="headerlink" title="单选框（Radiobutton）"></a>单选框（Radiobutton）</h2><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">#设置单选框的值,第一种</span></span><br><span class="line">radiobutton = Radiobutton(top,text=<span class="string">"单选框"</span>，value=<span class="string">"值"</span>)</span><br><span class="line"></span><br><span class="line"><span class="comment">#第二种</span></span><br><span class="line">radiovalue = IntVar()</span><br><span class="line">radiobutton = Radiobutton(top,text=<span class="string">"单选框"</span>,variable=radiovalue)</span><br><span class="line">radiovalue.set(<span class="string">"value"</span>)</span><br></pre></td></tr></table></figure>
<h2 id="放置位置（grid）"><a href="#放置位置（grid）" class="headerlink" title="放置位置（grid）"></a>放置位置（grid）</h2><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment">#标签放置在第一行，第一列</span></span><br><span class="line">label.grid(row=<span class="number">0</span>,column=<span class="number">0</span>)</span><br><span class="line"></span><br><span class="line"><span class="comment">#文本框放置在第一行，第二列</span></span><br><span class="line">entry.grid(row=<span class="number">0</span>,column=<span class="number">1</span>)</span><br><span class="line"></span><br><span class="line"><span class="comment">#按钮放置在第二行，第一列</span></span><br><span class="line">button.grid(row=<span class="number">1</span>,column=<span class="number">0</span>)</span><br><span class="line"></span><br><span class="line"><span class="comment">#列表框放置在第三行，第一列</span></span><br><span class="line">listbox.grid(row=<span class="number">2</span>,column=<span class="number">0</span>)</span><br><span class="line"></span><br><span class="line"><span class="comment">#单选框放置在第三行，第二列</span></span><br><span class="line">radiobutton.grid(row=<span class="number">2</span>,column=<span class="number">1</span>)</span><br></pre></td></tr></table></figure>
      
       <hr><span style="font-style: italic;color: gray;"> 转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 jh_jiahan@163.com </span>
    </div>
</article>


<p>
    <a href="javascript:void(0)" class="dashang" onclick="dashangToggle()">赏</a>
</p>


<div class="article_copyright">
    <p><span class="copy-title">文章标题:</span>tkinter简单实用</p>
    
    <p><span class="copy-title">本文作者:</span><a href="javascript:void(0)" title="Jia Han">Jia Han</a></p>
    <p><span class="copy-title">发布时间:</span>2019-03-21, 16:57:46</p>
    <p><span class="copy-title">最后更新:</span>2019-11-12, 10:18:06</p>
    <span class="copy-title">原始链接:</span><a class="post-url" href="/jia_han/2019/03/21/tkinter/" title="tkinter简单实用">https://jia_han.gitee.io/2019/03/21/tkinter/</a>
    <p>
        <span class="copy-title">版权声明:</span><i class="fa fa-creative-commons"></i> <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/" title="CC BY-NC-SA 4.0 International" target="_blank">"署名-非商用-相同方式共享 4.0"</a> 转载请保留原文链接及作者。
    </p>
</div>





    




    </div>
    <div class="copyright">
        <p class="footer-entry">©2019-2021 JH</p>
<p class="footer-entry">Built with <a href="https://hexo.io/" target="_blank">Hexo</a> and <a href="https://github.com/yelog/hexo-theme-3-hexo" target="_blank">3-hexo</a> theme</p>

    </div>
    <div class="full-toc">
        <button class="full"><span class="min "></span></button>
<button class="post-toc-menu"><span class="post-toc-menu-icons"></span></button>
<div class="post-toc"><span class="post-toc-title">目录</span>
    <div class="post-toc-content">

    </div>
</div>
<a class id="rocket" href="javascript:void(0)"></a>
    </div>
</div>
<div class="acParent"></div>

<div class="hide_box" onclick="dashangToggle()"></div>
<div class="shang_box">
    <a class="shang_close" href="javascript:void(0)" onclick="dashangToggle()">×</a>
    <div class="shang_tit">
        <p>喜欢就点赞,疼爱就打赏</p>
    </div>
    <div class="shang_payimg">
        <div class="pay_img">
            <img src="/img/alipay.jpg" class="alipay" title="扫码支持">
            <img src="/img/weixin.jpg" class="weixin" title="扫码支持">
        </div>
    </div>
    <div class="shang_payselect">
        <span><label><input type="radio" name="pay" checked value="alipay">支付宝</label></span><span><label><input type="radio" name="pay" value="weixin">微信</label></span>
    </div>
</div>


</body>
<script src="/js/jquery.pjax.js?v=1.0.1"></script>

<script src="/js/script.js?v=1.0.1"></script>
<script>
    var img_resize = 'default';
    /*作者、标签的自动补全*/
    $(function () {
        $('.search').AutoComplete({
            'data': ['#Linux','#xdotool',],
            'itemHeight': 20,
            'width': 418
        }).AutoComplete('show');
    })
    function initArticle() {
        /*渲染对应的表格样式*/
        
            $(".post .pjax table").addClass("green_title");
        

        /*渲染打赏样式*/
        
        $("input[name=pay]").on("click", function () {
            if($("input[name=pay]:checked").val()=="weixin"){
                $(".shang_box .shang_payimg .pay_img").addClass("weixin_img");
            } else {
                $(".shang_box .shang_payimg .pay_img").removeClass("weixin_img");
            }
        })
        

        /*高亮代码块行号*/
        
        $('pre code').each(function(){
            var lines = $(this).text().split('\n').length - 1, widther='';
            if (lines>99) {
                widther = 'widther'
            }
            var $numbering = $('<ul/>').addClass('pre-numbering ' + widther).attr("unselectable","on");
            $(this).addClass('has-numbering ' + widther)
                    .parent()
                    .append($numbering);
            for(var i=1;i<=lines;i++){
                $numbering.append($('<li/>').text(i));
            }
        });
        

        /*访问数量*/
        
        $.getScript("//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js");
        

        /*代码高亮，行号对齐*/
        $('.pre-numbering').css('line-height',$('.has-numbering').css('line-height'));

        
    }

    /*打赏页面隐藏与展示*/
    
    function dashangToggle() {
        $(".shang_box").fadeToggle();
        $(".hide_box").fadeToggle();
    }
    

</script>

<!--加入行号的高亮代码块样式-->

<style>
    pre{
        position: relative;
        margin-bottom: 24px;
        border-radius: 10px;
        border: 1px solid #e2dede;
        background: #FFF;
        overflow: hidden;
    }
    code.has-numbering{
        margin-left: 30px;
    }
    code.has-numbering.widther{
        margin-left: 35px;
    }
    .pre-numbering{
        margin: 0px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        padding: 0.5em 3px 0.7em 5px;
        border-right: 1px solid #C3CCD0;
        text-align: right;
        color: #AAA;
        background-color: #fafafa;
    }
    .pre-numbering.widther {
        width: 35px;
    }
</style>

<!--自定义样式设置-->
<style>
    
    
    .nav {
        width: 542px;
    }
    .nav.fullscreen {
        margin-left: -542px;
    }
    .nav-left {
        width: 120px;
    }
    
    
    @media screen and (max-width: 1468px) {
        .nav {
            width: 492px;
        }
        .nav.fullscreen {
            margin-left: -492px;
        }
        .nav-left {
            width: 100px;
        }
    }
    
    
    @media screen and (max-width: 1024px) {
        .nav {
            width: 492px;
            margin-left: -492px
        }
        .nav.fullscreen {
            margin-left: 0;
        }
        .nav .hide-list.fullscreen {
            left: 492px
        }
    }
    
    @media screen and (max-width: 426px) {
        .nav {
            width: 100%;
        }
        .nav-left {
            width: 100%;
        }
    }
    
    
    .nav-right .title-list nav a .post-title, .nav-right .title-list #local-search-result a .post-title {
        color: #383636;
    }
    
    
    .nav-right .title-list nav a .post-date, .nav-right .title-list #local-search-result a .post-date {
        color: #5e5e5f;
    }
    
    
    .nav-right nav a.hover, #local-search-result a.hover{
        background-color: #e2e0e0;
    }
    
    

    /*列表样式*/
    
    .post .pjax article .article-entry>ol, .post .pjax article .article-entry>ul, .post .pjax article>ol, .post .pjax article>ul{
        border: #e2dede solid 1px;
        border-radius: 10px;
        padding: 10px 32px 10px 56px;
    }
    .post .pjax article .article-entry li>ol, .post .pjax article .article-entry li>ul,.post .pjax article li>ol, .post .pjax article li>ul{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .post .pjax article .article-entry>ol>li, .post .pjax article .article-entry>ul>li,.post .pjax article>ol>li, .post .pjax article>ul>li{
        margin-bottom: auto;
        margin-left: auto;
    }
    .post .pjax article .article-entry li>ol>li, .post .pjax article .article-entry li>ul>li,.post .pjax article li>ol>li, .post .pjax article li>ul>li{
        margin-bottom: auto;
        margin-left: auto;
    }
    

    /* 背景图样式 */
    
    


    /*引用块样式*/
    

    /*文章列表背景图*/
    
    .nav-right:before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.3;
        background: url("https://i.loli.net/2019/07/22/5d3521411f3f169375.png");
        background-repeat: no-repeat;
        background-position: 50% 0;
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }
    

    
</style>







</html>
